<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:c="http://java.sun.com/jsp/jstl/core" xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Facelet Title</title>

    </h:head>
    <h:body>
        <ui:composition template="/template.xhtml">
             <ui:define name="title">
             Modern Flavor- online restaurant service
         </ui:define>
            <ui:define name="content">
                <c:if test="#{userBean.curentUser == null}">
                    Вы не авторизировались. Авторизируйтесь!
                </c:if>
                <c:if test="#{userBean.curentUser != null}">
                    <h:dataTable headerClass="table-header" rowClasses="table-row" value="#{userBean.curentUser.ordersCollection}" var="o">
                        <h:column>
                            <f:facet name="header">Дата заказа</f:facet>
                             #{o.dateTime.toLocaleString().substring(0, 10)}
                        </h:column>
                        <h:column>
                            <f:facet name="header"></f:facet>
                            <span class="hover" onclick="$('#UserOrder#{o.id}').arcticmodal()">Просмотреть заказ</span>

        

                                <div style="display: none;">
                                    <div class="b-modal" id="UserOrder#{o.id}">
                                        <div class="b-modal_close arcticmodal-close">закрыть</div>    
                                        Информация о заказе: 
                                        <h:dataTable value="#{orderBean.getOrderProducts(o)}" var="i">
                                            <h:column>
                                                <f:facet name="header">Количество</f:facet>
                                                #{i.count}*#{i.idProduct.price}
                                            </h:column>
                                            <h:column>
                                                <f:facet name="header">Наименование</f:facet>
                                                #{i.idProduct.name}
                                            </h:column>
                                        </h:dataTable>
                                        Стоимость:#{orderBean.tmpPrice}
                                        <hr/>
                                        <h:dataTable value="#{orderBean.getTablesOrder(o)}" var="t">
                                            <h:column>
                                                стол № #{t.id}
                                            </h:column>
                                        </h:dataTable>
                                                
                                                
                                    </div>
                                </div>
                        </h:column>
                    </h:dataTable>
                </c:if>
                
            </ui:define>
        </ui:composition>
            
</h:body>

</html>
